<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
		<title>登录</title>
		<link rel="icon" id="favicon" href="//g.alicdn.com/dingding/web/0.2.6/img/oldIcon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/register.css"/>
		<script src="../js/rem.js"></script>
		<script src="../js/jquery-1.12.4.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="top"><img src="../img/bg.JPG" ></div>
			<div class="banner">
				<b>欢迎注册钉钉</b>
				<form>
					<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					    +86<span class="caret"></span>
					</button>
					<input type="text" placeholder="请在此输入你的手机号码" class="form-control">
				</form>
				<p>提交即视为同意 <span>《钉钉隐私协议》</span>和<span>《钉钉服务协议》</span></p>
				<input type="text" placeholder="同意协议并注册"  class="form-control1">
			</div>
			<div class="bottom">
				<img src="../img/logo.png" alt="">
				<ul>
					<li><a href="#">钉钉官网</a></li>
					<li>|</li>
					<li><a href="#">使用手册</a></li>
					<li>|</li>
					<li><a href="#">下载钉钉</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
